.bordered {
	border:1px solid black;
}

/**
 *
 */
body{
	background-image:url('../image/back.jpg');
        background-repeat: repeat;
}
#container {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	width:1024px;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height:160px;
}

#content {
	background-image:url('../image/background.jpg');
	background-repeat: repeat;
	height:330px;
}
#isicontent{
	width:668px;
	margin-left:160px;
}
#footer {
	background-color:#f3f3f3;
	height:60px;
}

#sidebar { width:148px; margin-top:12px; font-size:7px; height:318px;}

#maincontent{
	height:280px;
}
#explorer{
	background-image:url('../image/maincontent.png');
	margin-top:15px;
	height:235px;
	width:400px;
}
#logo {
	background-image:url('../image/header.png');
	height:99px;
}
#usermenu{
	background-image:url('../image/usermenu.png');
	margin-top:38px;
	margin-left:716px;
	width:173px;
	height:22px;
}
#usernav {margin-left:3px;height:22px;}

#usernav ul {float:left;list-style:none;height:22px;margin:0px;padding:0px;}

#usernav ul li {width:54px;height:22px;}

#usernav ul li  a {display:block;line-height:22px;text-align:center;color:#ffffff;font-size:9px;}
#usernav ul li  a:hover {background:#484247;}

#menucontainer{
	background-image:url('../image/background1.jpg');
        background-repeat: repeat;
}
#pemisah{
	height:15px;
}
#mainmenu{
	background-image:url('../image/mainmenu.png');
	width:668px;
	margin-left:160px;
	height:46px;
}
#menu{
	margin-right:0px;
	width:551px;
}
#nav {margin-left:10px;height:28px;}

#nav ul {list-style:none;margin:0px;padding:0px;}

#nav ul li {float:left;position:relative;}
#nav a:hover.navbar, #nav a:active.navbar{
    background-color:#484247;
}
#nav ul li:hover ul {visibility: visible;}
#nav a:link.navbar, #nav a:visited.navbar
{
    text-decoration:none;
    display:block;
    color:white;
    width:85px;
    line-height:28px;
    font-size:8px;
    text-align:center;
    display:block;
}
#nav a:visited.navbar{
    background-color:#484247;
}
#nav ul li ul{
    visibility:hidden;
    position:absolute;
    text-align:center;
    background-color:#252525;
}
#nav ul li ul li{
    border: 1px solid black;
}

#nav2 {}

#nav2 ul {list-style:none;height:15px;margin:0px;padding:0px;}

#nav2 ul li {float:left;width:60px;height:15px;font-size:7px;
}

#nav2 ul li  a {display:block;line-height:15px;text-align:center;color:#979ca5;}
#nav2 ul li  a:hover {background:#484247;}

#profile {height:45px; width:102px;}

#nama{ width:63px; height:41px; padding:2px;}
#nama a{color:#ffffff; text-align:center; font-size:7px;}
#profpic{ width:33px; height:45px;}
#profpic a{width:30px; line-height:30px;}
#profpic img{margin-top:6px;margin-left:3px;width:35px; height:35px;}
#tabel h2
{
	font-size:12px;
	margin:0px;
	padding:0px;
	color:#9e121b;
	font-weight:bold;
	padding-bottom:6px;
	padding-left:7px;
}
#tabel h3
{
	font-size:10px;
	margin:0px;
	padding:0px;
	color:#7a848a;
	font-weight:bold;
	padding-top:40px;
	padding-left:7px;
}
#tabel
{
	margin-top:12px;
	width:504px;
}
#option
{
	width:504px;
	padding:0px;
	height:30px;
	background-image:url('../image/headmenu.png');
}
ul.option
{
	list-style:none;
	font-size:9px;
	margin:0px;
	padding:0px;
}
a:link.option , a:visited.option
{
	
	font-size:9px;
	font-weight:bold;
	display:block;
	width:100px;
	color:#5A6262;
	margin:0px;
	text-align:center;
	line-height:30px;
}
a:hover.option , a:active.option
{
	display:block;
	width:101px;
	text-align:center;
	background-color:#7F9AA5;
	color:white;
	font-size:9px;
	line-height:30px;
}

#scoreboard
{
	margin-top:5px;
	font-size:8px;
	width:494px;
	border-collapse:collapse;
	text-align:left;
}
#scoreboard tr
{
	margin:0;
	padding:0;
	background-color:#efefef;
}
#scoreboard th
{
	margin:0;
	padding:0;
}
#head
{
	background-image:url('../image/headtabel.png');
}
#head a
{
	display:block;
	line-height:20px;
}
.putih
{
	color:white;
}
#head a:hover
{
	color:blue;
}
#scoreboard tr.alt td
{
	margin:0;
	padding:0;
	background-color:white;
}
#scoreboard td
{
	margin:0;
	padding:0;
	height:20px;
	width:40px;
	color:#747474;
}
.rank
{
	text-align:center;
}
.user
{
	width:140px;
}

#sidebar
{
	border-left: 7px solid #cecece; 
}
#sidebar p,ul,ol,h4,h5
{
	padding:0;
	margin:0;
}
#sidebar ol
{
	color:#006bad;
}
#sidebar ul
{
	color:#747474;
}
#sidebar p
{
	color:#a5a9ab;
}
#sidebar li
{
	list-style:none;
}
#sidebar h4{
	font-size:11px;
	color:#327bac;
	font-weight:bold;
}
#sidebar h5{
	font-size:9px;
	color:#656e73;
	margin-top:5px;
	margin-bottom:5px;
}
#atas,#bawah
{
	padding-left:5px;
}
#atas
{
	padding-bottom:5px;
}
#bawah
{
	border-top:4px solid #cecece;
}
.more
{
	color:#47b3e6;
	text-decoration: underline;
}
.aline
{
	margin-right:3px;
}
#submission
{
	margin-top:15px;
}
#leftside,#copyright{
	float:left;
	font-size:7px;
	color:#6e6e6e;
	margin-top:10px;
}
#biasa
{
	float:left;
}
#biasa a{
	color:#6e6e6e;
}
#follow{
	float:left;
	position:relative;
}
#follow a{
	color:#61b6c5;
}
#leftside{
	margin-left:170px;
}
#copyright{
	margin-left:310px;
}
.horisontal{height:1px;}
.vertikal{width:1px; height:99%;}
.line1{background-color:#000000;}
.line2{background-color:#4c4c4c;}
.line3{background-color:#b7b6b6; margin-top:12px; height:318px;}
.line4{background-color:#b7b6b6;}
.mark{color:blue;}
a{text-decoration:none;}